<div class="page-content">

<nz-table #basicTable [nzData]="data" [nzBordered]="true" [nzShowPagination]="false" nzSize="middle"
		 [nzLoading]="nzLoading" [nzScroll]="{y: 'calc(100vh - 172px)'}" [nzPageSize]="page.limit">
		<thead>
			<tr>
				<th nzAlign="center" nzWidth="50px">序号</th>
				<th nzAlign="center" nzWidth="auto">村户详细地址</th>
				<th nzAlign="center" nzWidth="100px">村户联系人</th>
				<th nzAlign="center" nzWidth="150px">联系号码</th>
				<th nzAlign="center" nzWidth="100px">是否出租</th>
				<th nzAlign="center" nzWidth="150px">走访主题</th>
				<th nzAlign="center" nzWidth="150px">走访日期</th>
				<th nzAlign="center" nzWidth="auto">走访内容</th>
			</tr>
		</thead>
		<tbody>
			<tr *ngFor="let item of basicTable.data; let i = index;">
				<td nzAlign="center">{{ i + 1}}</td>
				<td nzAlign="center">
					<span class="line-clamp" nz-tooltip [nzTooltipTitle]="item.address">
						{{item.address}}
					</span>
				</td>
				<td nzAlign="center">
					{{item.contact}}
				</td>
				<td nzAlign="center">
					{{item.contractNumber}}
				</td>
				<td nzAlign="center">
					{{item.rental === '1' ? '出租' : '不出租'}}
				</td>
				<td nzAlign="center">
					<span class="line-clamp" nz-tooltip [nzTooltipTitle]="item.visitTitle">
						{{item.visitTitle}}
					</span>
				</td>
				<td nzAlign="center">
					{{item.createTime}}
				</td>
				<td nzAlign="center">
					<span class="line-clamp" nz-tooltip [nzTooltipTitle]="item.visitContent">
						{{item.visitContent}}
					</span>
					<!-- <a
					nz-popover
					nzPopoverTitle="走访内容"
					nzPopoverTrigger="click"
					[nzPopoverContent]="contentTemplate"
					>详情</a>
					<ng-template #contentTemplate>
						<div class="visit-content">
							{{item.visitContent}}
						</div>
					</ng-template> -->
				</td>
			</tr>
		</tbody>
	</nz-table>

	<div class="page-pagination">
		<span *ngIf="page.total">共{{page.total}}条数据</span>
		<nz-pagination [(nzPageIndex)]="page.page" [nzTotal]="page.total" nzShowQuickJumper nzShowSizeChanger
			[(nzPageSize)]="page.limit" (nzPageIndexChange)="onSearch()" (nzPageSizeChange)="onSearch(true)">
		</nz-pagination>
	</div>

</div>
